<!DOCTYPE html>

<html lang="en">

<head>

    <meta name="format-detection" content="telephone=no" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>

    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">

    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">

    <!--<link rel="stylesheet" type="text/css" href="/static/wap2/css/main.css">-->

    <!--<link rel="stylesheet" type="text/css" href="/static/wap2/css/alert.css">-->

    <!--<link rel="stylesheet" type="text/css" href="/static/wap2/css/swiper.min.css">-->

    <!--<link rel="stylesheet" type="text/css" href="/static/wap2/css/animate.min.css">-->

    <link rel="stylesheet" type="text/css" href="/static/wap2/css/main.css">

    <link rel="stylesheet" type="text/css" href="/static/wap2/css/swiper-4.2.2.min.css">

    <link rel="stylesheet" type="text/css" href="/static/wap2/css/alert.css">

    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

    <script>

        function resize() {

            var htmlEle = document.documentElement;



            var htmlWidth = window.innerWidth;

            htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';

        } resize();

    </script>

    <style>

        .mobile-inner-nav a{

            -webkit-animation-duration: 0.5s;

            animation-duration: 0.5s;

            -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

            -webkit-animation-name: returnToNormal;

            animation-name: returnToNormal;

        }

                

        @-webkit-keyframes returnToNormal {

          0% {

            opacity: 0;

            -webkit-transform: translate3d(0, -400%, 0);

                    transform: translate3d(0, -400%, 0);

          }

    

          400% {

            opacity: 1;

            -webkit-transform: none;

                    transform: none;

          }

        }

    

        @keyframes returnToNormal {

          0% {

            opacity: 0;

            -webkit-transform: translate3d(0, -400%, 0);

                    transform: translate3d(0, -400%, 0);

          }

    

          400% {

            opacity: 1;

            -webkit-transform: none;

                    transform: none;

          }

        }

        @font-face {

            font-family: "YourFont";

            src: url(/static/wap2/img/DINMittelschrift.otf);

        }

        @font-face {

            font-family: "YourFont1";

            src: url(/static/wap2/img/343DD8_0_0.woff2.ttf);

        }

        @font-face {

            font-family: "YourFont2";

            src: url(/static/wap2/img/DINMittelschrift-Alternate.otf);

        }

        .customfont {

            font-family: "YourFont", Helvetica, Arial;

        }

        .customfont1{

            font-family: "YourFont1", Helvetica, Arial;

        }

        .customfont2{

            font-family: "YourFont2", Helvetica, Arial;

        }

        .swiper-pagination-bullet{background: #FFFFFF;}

        .a1{display: flex;flex-wrap: wrap;justify-content: space-between}

        .wjjd-1{width: 100%;height: 165px;position: relative;}

        .wjjd-1 img{width: 310px;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}



    </style>

</head>

<body>

{include file="public/header"}

<div class="header">

    <div class="wrapper wrapper01" id="retr">

        <div class="nav-1 scroller">

            <ul class="clearfix">

                <li class="bxz"><a href="/wap.php/index/index.html">首页</a></li>

                <li ><a href="/wap.php/zphome">样片</a></li>

                <li ><a href="/wap.php/kephome">客片</a></li>

                <li><a href="/wap.php/guest">报价</a></li>

                <li ><a href="/wap.php/zxhome">最新</a></li>

                <li  style="float:right"><a href="/wap.php/brand">品牌</a></li>

            </ul>

        </div>

    </div>

</div>

<div class="banner">

    <ul class="swiper-wrapper clearfix">

        {volist name="data_banner" id="v"}

        <li class="swiper-slide">

            <a class="pc-banner" {if $v.out_link !=""} target="_blank" href="{$v.out_link}"{/if}> <img src="{$v.banner_img}" /></a>

        </li>

        {/volist}

    </ul>

    <div class="swiper-pagination">

    </div>

</div>



<div class="wjjd">

    <div class="wjjd-1"><img src="/static/wap2/img/djwjjd.png" alt=""></div>

    <div class="wjjd-2">

        <div class="wrapper wrapper02" id="retr1">

            <div class="nav-2 scroller">

                <ul class="clearfix">

                    {volist name="data_psjd" id="v"}

                    <li>

                        <a href="/wap.php/brand/details?id={$v.id}">

                            <div style="height:230px;">

                                <img src="{$v.main_img}" alt="">

                                <div class="dbwz">

                                    <p><span style="color:#000;font-size: 16px">{$v.title}</span>  <span style="color:#B0B0B0;float:right;">BOSMIA {$v.create_time|date="Y",###}</span></p>

                                </div>

                            </div>

                        </a>

                    </li>

                    {/volist}

                    <li style="visibility: hidden;float: left;"><a href="javascript:void(0)"> </a></li>

                </ul>

            </div>

        </div>

    </div>

</div>

<div class="main-3">

    <img src="/static/wap2/img/rmpszt.png" alt="">

    <div class="main-3-nr">

        {volist name="data_worknews" id="v"}

        <div class="main-3-nb">

            <a href="/wap.php/zxhome/details?id={$v.id}">

                <img src="{$v.main_img}" alt="">

            </a>

            <h3>{$v.title}</h3>

            <p>BOSMIA PHOTO Newest Sample series</p>

        </div>

        {/volist}

    </div>

</div>

<div class="shuzitiaodong">

    <img src="/static/wap2/img/bjtp.jpg" alt="">

    <div class="shztd">

        <div class="shztd-1">

            <div class="shztd-1-3">

                <span style="font-weight:600">每天</span>，刷新幸福指数上限

            </div>

            <div class="shztd-1-1">

                <div class="shztd-1-1-1" style="margin-left:40px">

                    <span class="customfont1" style="font-size: 12px;color: #fff">10</span><span style="margin-left: 4px;color: #fff">年</span></div>

                <div class="shztd-1-1-2"></div>

                <div class="shztd-1-1-1"><span class="customfont1" style="font-size: 12px;color: #fff">5</span><span style="margin-left: 4px;color: #fff">城</span></div>

                <div class="shztd-1-1-2"></div>

                <div class="shztd-1-1-1"><span class="customfont1" style="font-size: 12px;color: #fff">10</span><span style="margin-left: 4px;color: #fff">店</span></div>

                <div class="shztd-1-1-3">每日客片持续更新</div>

            </div>

            <div class="shztd-1-2">

                <span class="customfont2" style="font-size:60px" id="myTargetElement"></span>张

            </div>

        </div>

    </div>

</div>



<div class="main-4">

    <img src="/static/wap2/img/zskp.png" alt="">

    <div class="main-4-nr">

        {volist name="data_works" id="v"}

        <div class="main-4-nb">

            <a href="/wap.php/kephome/details?id={$v.id}">

                <img src="{$v.main_img}" alt="">

            </a>

            <h3>{$v.create_time|date="Y.m.d",###} <span style="float:right;font-size: 1.1rem"><img style="width: 1rem;height:0.8rem;display: inline;" src="/static/wap2/img/yanjing.png" alt=""> {$v.click} </span></h3>

            <p>BOSMIA PHOTO Newest Sample series</p>

            <b>{$v.title}</b>

        </div>

        {/volist}

    </div>

</div>



{include file="public/foot"}

<script>

    var bswiper = new Swiper('.banner', {

        pagination: '.swiper-pagination',

        paginationClickable: true,

        spaceBetween: 0,

        autoplay :3000,

        loop:true,

    });

    var bswiper1 = new Swiper('.main-3-banner', {

        pagination: '.swiper-pagination',

        paginationClickable: true,

        spaceBetween: 0,

        autoplay :3000,

        loop:true,

    });



    $(function(){



        $('.wrapper02').navbarscroll1();

    });



</script>

<script type="text/javascript">

    var options = {

        useEasing : true,

        useGrouping : true,

        separator : ',',

        decimal : '.',

        prefix : '',

        suffix : ''

    };

    var demo = new CountUp("myTargetElement", 0, {$data_sys.kh_num}, 0, 2.5, options);

    $(window).scroll(function(){

        if($(window).scrollTop()>=900){

            demo.start();

        }

    })

</script>

</html>